<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<style>
    *{
    margin: 0px;
    padding: 0px;
    border: 0px;
}
</style>
<body>
     <!-- 头部导航开始 -->

    <div class="demo">
        <div class="demo-q">
        <img src="./imgs/logo.png" alt="图片加载失败">
        <ul>
            <li><a class="demo-w">首页</acla></li>
            <li><a class="demo-w">博雅游戏</a></li>
            <li><a class="demo-w">博雅新闻</a></li>
            <li><a class="demo-w">关于我们</a></li>
            <li><a class="demo-w">客服中心</a></li>
            <li><a class="demo-w">投资者关系</a></li>
        </ul>
        <div class="demo-e"><a href="#">加入我们</a></div>
    </div>
    
    </div>
     <!-- 头部导航结束 -->
        <!-- 轮播图开始 -->
    <div class="demo1">
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <!--轮播图结束  -->
    <div class="demo2">
        <!-- 产品介绍开始 -->
        <div class="demo2-r clearflx">
            <ul>
                <li>
                    <img src="./imgs/bpt.jpg" alt="BPT宣传">
                    <h3>BPT宣传</h3>
                    <a href="#">点击播放</a>
                </li>
                <li>
                    <img src="./imgs/video.jpg" alt="博雅宣传">
                    <h3>博雅互动宣传视频</h3>
                    <a href="#">点击播放</a>
                </li>
                <li>
                    <img src="./imgs/gamepic3.jpg" alt="斗地主">
                    <h3>斗地主</h3>
                    <a href="#">点击开始</a>
                </li>
                <li>
                    <img src="./imgs/gamepic1.jpg" alt="德州扑克">
                    <h3>德州扑克</h3>
                    <a href="#">点击开始</a>
                </li>
            </ul>
            <ol>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            </ol>
        </div>
         <!-- 内容部分开始 -->
         <div class="demo3">
            <div class="demo3-left">
                <ul>
                    <li><span>2&nbsp;/&nbsp;21</span><a href="#">博雅互动荣获第九届中国公益节“2019上市公司社会责任奖”</a></li>
                    <li><span>2&nbsp;/&nbsp;22</span><a href="#">博雅象棋新生代·昆明理工大学战队蝉联“博雅杯”高校联赛冠军！</a></li>
                    <li><span>2&nbsp;/&nbsp;23</span><a href="#">博雅互动云南九大高校象棋联赛，虎牙主播暨象棋大师孙浩宇PK高</a></li>
                    <li><span>2&nbsp;/&nbsp;24</span><a href="#">博雅象棋云南九大高校校园助力赛</a></li>
                </ul>
                <div class="more"><a href="#"></a></div>
            </div>
            <div class="demo3-right">

                <h3></h3>
                <div class="demo3-t">
                    <h4>社会招聘岗位：</h4>
                       <ul>
                           <li><a href="#">PHP开发工程师</a> </li>
                           <li><a href="#">C++开发工程师</a> </li>
                           <li><a href="#">LUA开发工程师</a> </li>
                           <li> <a href="#"> 大数据开发工程师</a></li>
                    </ul>
                </div>
                <div class="more"><a href="#"></a></div>
            </div>
        </div>
        <!-- 内容部分结束 -->
    </div>
    <footer class="demo4">
        <div class="demo4-y">
            <div class="demo4-u">
                <a href="#">网站地图</a>
                <a href="#">免责声明</a>
            </div>
            <p>Copyright © 2004 - 2019 博雅互动(Boyaa Interactive)粤ICP备05062536号</p>
            <img src="./imgs/govIcon.gif" alt="警徽">
        </div>
        <div class="demo-i">
            <a href="#top"></a>
        </div>
    </footer>

</body>
</html>